import React from 'react'
import { Col, Row, Table} from 'antd'
/**
 * @description: 财务 -- 办公费用申请详情
 * @author: xiaoxujs
 * @upDate: xiaoxujs（2021-07-14）
 */

const WordOffice = ({detailsData}) => {
    const columns = [
        {
            title: '使用部门',
            dataIndex: 'department'
        },
        {
            title: '物品数量',
            dataIndex: 'itemCount'
        },
        {
            title: '物品名称',
            dataIndex: 'itemName'
        },
        {
            title: '物品规格',
            dataIndex: 'model'
        },
        {
            title: '物品单价',
            dataIndex: 'price'
        },
    ]
    return <Row>
        <Col span={3}>物品明细:</Col>
        <Col span={21}>
            <Table dataSource={detailsData.details} columns={columns} size = 'small' rowKey = 'itemName' bordered pagination = {false} />
        </Col>
        <Col span={3}>申请金额(元):</Col>
        <Col span={21}>{detailsData.money}</Col>
        <Col span={3}>申请事由:</Col>
        <Col span={21}>{detailsData.matter}</Col>
    </Row>
}

export default WordOffice